@charset "utf-8";
/* CSS Document */

/* reset css */
body {
	margin: 0 5px 25px 5px;
	padding: 0;
	background: #eee url(../img/bg.gif) repeat-x left top;
	font: normal 10pt Arial,Helvetica,sans-serif;
	color: #444;
}

form{margin:0; padding:2px}
label{display:block;margin-top:20px};

h1 {
	font-size: 20px;
	color: #555;
	margin-bottom:40px
}

input{font-size: 12px}

a {
	color: #03c
}
a:hover {
	text-decoration: none;
}
a img{
	border: none;
}

fieldset{border: 1px solid #ccc; padding: 4px 8px 10px 8px}
legend{ border: 1px solid #ccc; padding: 5px; color: blue; margin-bottom: 13px}
/* reset css end */

/* main style */
#page{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#header{
	margin: 0;
	padding: 0;
	height: 95px;
}

#logo{
	padding: 20px 0 20px 10px;
	font-size: 200%;
}

#page_content{
}

#footer{
	padding: 15px;
	margin: 45px 0 0 0;
	:margin: 20px 0 0 0; /* IE6 */
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #DDD;
}

/* main style end */

/* main menu */
#mainmenu{
	float: right;
	margin-top: -17px
}

#pageTitle{
    float: left;
    display: inline;
    background: #90B3DC;
    padding: 0px 20px 0px 20px;
    font-size: 18px;
    font-weight: bold;
	margin-top: -10px;
    color: #ffffff;
}

#mainmenu ul{
	margin: 0;
	padding: 0.4em 0 0.3em 0;
}

#mainmenu ul li{
	display: inline;
	float: left;
	margin-left: 20px;
	list-style: none;
	font: 12px Tahoma, Arial;
	text-align: center
}

#mainmenu ul li a{
	padding: 0.4em 0.4em;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	/*width: 70px;*/
	white-space: nowrap
}

#mainmenu ul li a:hover, #mainmenu ul li a.active{
	background: #E6F2FF;
	color: #6399cd;
}

	
#mainmenu ul li ul{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	text-align: left
}

#mainmenu ul li ul li{
	
	float: none;
	display: inline;
	text-align: left;
	margin-left: 0px;
}

#mainmenu ul li ul li a{
	width: auto;
	background: #90B3DC;
}

#mainmenu ul li ul li a:hover{
	background: #E6F2FF;
	color: #6399cd
}
/* main menu end */

#leftMenu{background:#fff; border:1px solid #ccc; border-bottom: none}
#leftMenu .header{background: #90b3dc; color: white; text-align:center; padding: 5px}
#leftMenu li{list-style: none outside;}
#leftMenu a{text-decoration: none; color:#000; display:block; padding:5px 20px; border-bottom: 1px dashed #ccc}
#leftMenu a:hover{background: #E6F2FF; }


#result{padding: 10px; background: green; color: white; position: absolute; display:none}

/* cotnet style */
.require,
.error {
	color: red;
}
.warning {
	color: Goldenrod;
}
.success{
	color: Green;
}
.normal{
	color: black;
}
.tips{
	color: #999;
}
.welcome{font-size:12px}
/* cotnet style end */




/* action bar */
.actionBar{margin: 20px 0px 20px 0px;}
/* action bar end */

/* data table */

table.dataTable{
	width:100%;
	border-collapse: collapse;
}

table.dataTable tr{
	background: #eee;
}

table.dataTable tr.selected{
	background: #d3dfee;
}

table.dataTable th, table.dataTable td{
	border: 1px #4F81BD solid;
	padding: 3px;
}

table.dataTable th{
	background: #d3dfff;
}

table.dataTable a:hover{
	position: relative;
	left: 1px;
	top: 1px;
}

/* data table end */


.fl{float: left}
.fr{float: right}
.clear{clear:both}
.clearL{clear:left;}

.selected{
	background:#e1e1ab;
	color: #1E1E54;
}
.selected a{color:#1E1E54}

.highlight{
	border: 1px dashed red;
	background: yellow;
}

.m0{margin: 0}
.mb10{margin-bottom:10px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.ml20{margin-left:20px}
.ml10{margin-left:10px}
.inline{display:inline}
.hidden{display:none}
.nowrap{white-space: nowrap}